<template>
	<view class="content">
		<!-- 搜索框 -->
		<view class="u-search">
			<u-search style="width: 680rpx;margin: 20rpx auto;" placeholder="搜索食物查热量" height="80rpx"
				searchIconSize="40rpx" :showAction="false" :disabled="true" @click="goToSearch">
			</u-search>
		</view>
		<!-- 左右滑动 tabs 标签 -->
		<view class="u-tabs">
			<u-tabs :list="list1" @click="click" lineWidth="40rpx" lineHeight="10rpx"
				lineColor="linear-gradient( 120deg ,#00cccc,#33cc66 )"></u-tabs>
		</view>
		<!-- 食物列表 -->
		<ul>
			<li v-for="(item,index) in showList" :key="index">
				<view class="left">
					<image :src="item.url"></image>
					<view class="box">
						<view class="text">
							{{item.text}}
						</view>
						<view class="kcal">
							<span>{{item.kcal}}Kcal</span>
							<span class="center">/</span>
							<span>{{item.num}}</span>
						</view>
					</view>
				</view>
				<view class="right">
					<u-button :type="item.type" size="mini"></u-button>
				</view>
			</li>
		</ul>
		<!-- 取食谱按钮 点击显示弹窗 -->
		<view class="button">
			<u-button text="取食谱&gt;" color="linear-gradient(120deg, #00cccc, #33cc66)" @click="buttonClick"></u-button>
		</view>
		<!-- 取食谱的弹窗 -->
		<u-popup :show="popupShow" mode="center" @close="close">
			<view class="popupToast">
				<text>请关注HealthyEatsShare公众号</text>
			</view>
		</u-popup>
		<!-- 跳转食物排行榜 -->
		<view class="toRankList">
			<u-button text="&lt;排行榜" color="linear-gradient(120deg, #33cc66, #00cccc)" @click="goToRankList"></u-button>
		</view>
		<custom-tabbar :current="2"></custom-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 点击 tabs 标签对应的 name
				clickName: '',
				// 点击 tabs 标签对应的 index
				clickIndex: '',
				// 渲染的食物列表
				showList: [],
				// 弹窗显示
				popupShow: false,
				// tabs 标签数据
				list1: [{
					name: '主食类',
				}, {
					name: '豆制品',
				}, {
					name: '蛋类'
				}, {
					name: '蔬菜类'
				}, {
					name: '肉类'
				}, {
					name: '水果类'
				}, {
					name: '水产类'
				}, {
					name: '奶制品'
				}, {
					name: '菌菇类'
				}, {
					name: '糕点类'
				}, {
					name: '调味类'
				}, {
					name: '油脂类'
				}, {
					name: '糖类'
				}],
				// 主食类列表数据
				showList0: [{
					text: '燕麦',
					url: 'https://img0.baidu.com/it/u=1891509701,3731068237&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 367,
					num: '1碗100g',
					type: 'success'
				}, {
					text: '披萨(9寸)',
					url: 'https://img2.baidu.com/it/u=2506059509,2753107818&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 386,
					num: '1/8片',
					type: 'warning'
				}, {
					text: '白米',
					url: 'https://img0.baidu.com/it/u=2043553644,3605476541&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 225,
					num: '1碗205g',
					type: 'warning'
				}, {
					text: '白面包',
					url: 'https://img2.baidu.com/it/u=2533468660,857267073&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '1片25g',
					type: 'success'
				}, {
					text: '小餐包',
					url: 'https://img1.baidu.com/it/u=47480351,2675608663&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 180,
					num: '2个',
					type: 'success'
				}, {
					text: '速食',
					url: 'https://img2.baidu.com/it/u=1046541972,3596858196&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 470,
					num: '1包100g',
					type: 'error'
				}, {
					text: '奶酥面包',
					url: 'https://img2.baidu.com/it/u=841470082,612621123&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 45,
					num: '1个',
					type: 'error'
				}, {
					text: '菠萝面包',
					url: 'https://img2.baidu.com/it/u=1209368340,1495936675&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 334,
					num: '100g',
					type: 'warning'
				}, {
					text: '起司三明治',
					url: 'https://img1.baidu.com/it/u=616663309,180457197&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 200,
					num: '1个',
					type: 'error'
				}, {
					text: '炒饭',
					url: 'https://img0.baidu.com/it/u=2827823311,2092297070&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 550,
					num: '1份300g',
					type: 'warning'
				}, {
					text: '水饺',
					url: 'https://img1.baidu.com/it/u=3397037306,1835571293&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 400,
					num: '10个',
					type: 'warning'
				}, {
					text: '肉包',
					url: 'https://img1.baidu.com/it/u=1932575351,4107618625&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 200,
					num: '1个',
					type: 'error'
				}, {
					text: '阳春面',
					url: 'https://img0.baidu.com/it/u=2848856437,2839863661&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 270,
					num: '1碗',
					type: 'warning'
				}, {
					text: '水煎包',
					url: 'https://img2.baidu.com/it/u=2580856699,333148126&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 260,
					num: '2个',
					type: 'warning'
				}, {
					text: '葱油饼',
					url: 'https://img0.baidu.com/it/u=2584110125,1996770432&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 190,
					num: '1片',
					type: 'warning'
				}, {
					text: '烤地瓜',
					url: 'https://img0.baidu.com/it/u=3968939478,3995299403&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 135,
					num: '1个',
					type: 'success'
				}, {
					text: '牛肉面',
					url: 'https://img0.baidu.com/it/u=3858010800,862750308&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 460,
					num: '1碗',
					type: 'warning'
				}, {
					text: '肉丝面',
					url: 'https://img0.baidu.com/it/u=3752212839,29628869&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 440,
					num: '1碗',
					type: 'warning'
				}, {
					text: '卤肉饭',
					url: 'https://img2.baidu.com/it/u=1009026935,1020526534&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 440,
					num: '1碗',
					type: 'error'
				}, {
					text: '鲜肉云吞',
					url: 'https://img0.baidu.com/it/u=822627262,2895375335&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 136,
					num: '4个',
					type: 'warning'
				}, {
					text: '方便面',
					url: 'https://img0.baidu.com/it/u=43453010,3784562542&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 472,
					num: '100g',
					type: 'error'
				}, {
					text: '油条',
					url: 'https://img1.baidu.com/it/u=1970408407,4282791337&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 386,
					num: '100g',
					type: 'error'
				}, {
					text: '馒头',
					url: 'https://img1.baidu.com/it/u=2552691531,3485815134&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 233,
					num: '100g',
					type: 'warning'
				}, {
					text: '鲜玉米',
					url: 'https://img0.baidu.com/it/u=1939923507,3478589821&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 106,
					num: '46g',
					type: 'success'
				}, {
					text: '红薯',
					url: 'https://img2.baidu.com/it/u=1187566551,3682175220&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 90,
					num: '100g',
					type: 'warning'
				}, {
					text: '蒸红薯',
					url: 'https://img1.baidu.com/it/u=4077561715,101193531&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '100g',
					type: 'success'
				}],
				// 豆制品列表数据
				showList1: [{
					text: '豆沙',
					url: 'https://img2.baidu.com/it/u=3434279819,2826144547&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 243,
					num: '100g',
					type: 'warning'
				}, {
					text: '素火腿',
					url: 'https://img2.baidu.com/it/u=3853916558,243512902&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 211,
					num: '100g',
					type: 'success'
				}, {
					text: '桂林腐乳',
					url: 'https://img2.baidu.com/it/u=2356613475,394974668&fm=253&fmt=auto&app=138&f=GIF?',
					kcal: 204,
					num: '100g',
					type: 'success'
				}, {
					text: '豆腐丝',
					url: 'https://img0.baidu.com/it/u=3594288214,2823188277&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 201,
					num: '100g',
					type: 'success'
				}, {
					text: '素鸡',
					url: 'https://img1.baidu.com/it/u=231363056,68414395&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 192,
					num: '100g',
					type: 'success'
				}, {
					text: '酱豆腐',
					url: 'https://img1.baidu.com/it/u=3202539982,4057610026&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 151,
					num: '100g',
					type: 'success'
				}, {
					text: '香干',
					url: 'https://img1.baidu.com/it/u=3831655206,2584500740&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 147,
					num: '100g',
					type: 'success'
				}, {
					text: '臭豆腐',
					url: 'https://img0.baidu.com/it/u=1761693738,3064251887&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 130,
					num: '100g',
					type: 'warning'
				}, {
					text: '北豆腐',
					url: 'https://img0.baidu.com/it/u=1308460607,3649939918&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 98,
					num: '100g',
					type: 'success'
				}, {
					text: '南豆腐',
					url: 'https://img1.baidu.com/it/u=3668833825,243626960&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 57,
					num: '100g',
					type: 'success'
				}, {
					text: '豆奶',
					url: 'https://img1.baidu.com/it/u=960725215,432430490&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '100g',
					type: 'success'
				}, {
					text: '豆腐脑',
					url: 'https://img0.baidu.com/it/u=80687780,3255036786&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 10,
					num: '100g',
					type: 'success'
				}, {
					text: '炸臭豆腐',
					url: 'https://img1.baidu.com/it/u=641039127,2991010671&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 245,
					num: '2块',
					type: 'error'
				}, {
					text: '麻婆豆腐',
					url: 'https://img0.baidu.com/it/u=2395650868,2567506930&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 246,
					num: '200g',
					type: 'error'
				}, {
					text: '花生',
					url: 'https://img1.baidu.com/it/u=3351201449,1317587372&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 583,
					num: '100g',
					type: 'error'
				}, {
					text: '杏仁',
					url: 'https://img2.baidu.com/it/u=1699734695,3535279719&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 596,
					num: '100g',
					type: 'success'
				}, {
					text: '腰果',
					url: 'https://img2.baidu.com/it/u=906213653,967332296&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 533,
					num: '100g',
					type: 'warning'
				}, {
					text: '黑豆',
					url: 'https://img0.baidu.com/it/u=756450445,370574961&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 367,
					num: '100g',
					type: 'success'
				}, {
					text: '黄豆',
					url: 'https://img2.baidu.com/it/u=173485129,3161476205&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 325,
					num: '100g',
					type: 'success'
				}, {
					text: '红豆',
					url: 'https://img0.baidu.com/it/u=2863783051,811722824&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 310,
					num: '100g',
					type: 'success'
				}, {
					text: '绿豆',
					url: 'https://img0.baidu.com/it/u=233377268,1511577675&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 320,
					num: '100g',
					type: 'success'
				}],
				// 蛋类列表数据
				showList2: [{
					text: '全蛋',
					url: 'https://img1.baidu.com/it/u=1497306937,3862298125&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 80,
					num: '1个50g',
					type: 'success'
				}, {
					text: '皮蛋',
					url: 'https://img1.baidu.com/it/u=1279385169,2788847989&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 73,
					num: '1个60g',
					type: 'success'
				}, {
					text: '咸蛋',
					url: 'https://img2.baidu.com/it/u=3656534466,3596640368&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '1个60g',
					type: 'warning'
				}, {
					text: '油煎蛋',
					url: 'https://img1.baidu.com/it/u=87804991,1660963697&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 85,
					num: '1个46g',
					type: 'error'
				}, {
					text: '水煮蛋',
					url: 'https://img2.baidu.com/it/u=599554900,793707506&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 80,
					num: '1个50g',
					type: 'success'
				}, {
					text: '炒蛋',
					url: 'https://img1.baidu.com/it/u=3066895389,4166436087&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 95,
					num: '1个64g',
					type: 'success'
				}, {
					text: '荷包蛋',
					url: 'https://img0.baidu.com/it/u=2653033839,2746649351&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 80,
					num: '1个50g',
					type: 'warning'
				}, {
					text: '鹌鹑蛋',
					url: 'https://img1.baidu.com/it/u=3195271613,2129490072&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 85,
					num: '5粒55g',
					type: 'success'
				}, {
					text: '生蛋黄',
					url: 'https://img2.baidu.com/it/u=1867944189,3714289682&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 65,
					num: '1个17g',
					type: 'success'
				}, {
					text: '蛋黄粉',
					url: 'http://t14.baidu.com/it/u=2649971658,2358354867&fm=224&app=112&f=JPEG?',
					kcal: 644,
					num: '100g',
					type: 'success'
				}, {
					text: '鸭蛋黄',
					url: 'https://img1.baidu.com/it/u=1590715237,161685517&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 378,
					num: '100g',
					type: 'warning'
				}, {
					text: '鸡蛋黄',
					url: 'https://img1.baidu.com/it/u=1840514339,286228526&fm=253&fmt=auto&app=138&f=PNG?',
					kcal: 328,
					num: '100g',
					type: 'success'
				}, {
					text: '鸭蛋',
					url: 'https://img1.baidu.com/it/u=2046706848,610140710&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 180,
					num: '87g',
					type: 'success'
				}, {
					text: '松花蛋(鸡)',
					url: 'https://img2.baidu.com/it/u=2867122509,1346748762&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 178,
					num: '83g',
					type: 'success'
				}, {
					text: '松花蛋(鸭)',
					url: 'https://img0.baidu.com/it/u=786872421,3529504007&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 171,
					num: '83',
					type: 'success'
				}, {
					text: '鸡蛋(红皮)',
					url: 'https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00660-442.jpg',
					kcal: 156,
					num: '88g',
					type: 'success'
				}, {
					text: '鸡蛋(白皮)',
					url: 'https://img0.baidu.com/it/u=1745299484,3320266370&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 138,
					num: '87g',
					type: 'success'
				}, {
					text: '鸡蛋白',
					url: 'https://img0.baidu.com/it/u=82860073,1339095385&fm=253&fmt=auto&app=138&f=JPG?',
					kcal: 60,
					num: '100g',
					type: 'success'
				}, {
					text: '鸭蛋白',
					url: 'https://img1.baidu.com/it/u=685184339,968812835&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 48,
					num: '100g',
					type: 'success'
				}, {
					text: '鹅蛋白',
					url: 'https://img2.baidu.com/it/u=1833125303,2293147627&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 47,
					num: '100g',
					type: 'success'
				}],
				// 蔬菜类列表数据
				showList3: [{
					text: '芦笋',
					url: 'https://img2.baidu.com/it/u=3167526700,3792369598&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '1杯145g',
					type: 'success'
				}, {
					text: '芥蓝',
					url: 'https://img1.baidu.com/it/u=3137599763,3801946673&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 45,
					num: '1棵180g',
					type: 'success'
				}, {
					text: '花菜',
					url: 'https://img0.baidu.com/it/u=3197054360,1467050719&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '1杯125g',
					type: 'success'
				}, {
					text: '玉米',
					url: 'https://img0.baidu.com/it/u=212081406,1916605410&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 70,
					num: '1穗140g',
					type: 'success'
				}, {
					text: '黄瓜',
					url: 'https://img2.baidu.com/it/u=2755047305,2883259859&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 5,
					num: '6片28g',
					type: 'success'
				}, {
					text: '香菇',
					url: 'https://img2.baidu.com/it/u=3982947775,3787046276&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 20,
					num: '1杯70g',
					type: 'success'
				}, {
					text: '青豆',
					url: 'https://img1.baidu.com/it/u=3853130618,4245373700&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 150,
					num: '1杯170g',
					type: 'success'
				}, {
					text: '芥菜',
					url: 'https://img1.baidu.com/it/u=431989383,4061514254&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '1杯140g',
					type: 'success'
				}, {
					text: '菠菜',
					url: 'https://img0.baidu.com/it/u=1747918374,607701831&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 40,
					num: '1杯180g',
					type: 'success'
				}, {
					text: '青椒',
					url: 'https://img1.baidu.com/it/u=3689796359,3390860232&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 15,
					num: '1个74g',
					type: 'success'
				}, {
					text: '蕃薯',
					url: 'https://img1.baidu.com/it/u=369103068,2665153379&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 160,
					num: '1个114g',
					type: 'success'
				}, {
					text: '番茄',
					url: 'https://img0.baidu.com/it/u=1325491778,541838146&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 25,
					num: '1个135g',
					type: 'success'
				}, {
					text: '雪菜',
					url: 'https://img0.baidu.com/it/u=3271381514,1842451146&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 60,
					num: '100g',
					type: 'success'
				}, {
					text: '菜心',
					url: 'https://img2.baidu.com/it/u=2438427629,3352028558&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 28,
					num: '100g',
					type: 'success'
				}, {
					text: '白菜',
					url: 'https://img1.baidu.com/it/u=1224326776,3817080959&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 20,
					num: '100g',
					type: 'success'
				}, {
					text: '豆苗',
					url: 'https://img1.baidu.com/it/u=481975094,48586762&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 40,
					num: '100g',
					type: 'success'
				}, {
					text: '丝瓜',
					url: 'https://img1.baidu.com/it/u=2673779297,2230424487&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 20,
					num: '100g',
					type: 'success'
				}, {
					text: '苋菜',
					url: 'https://img1.baidu.com/it/u=449815185,873326574&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '100g',
					type: 'success'
				}, {
					text: '冬瓜',
					url: 'https://img2.baidu.com/it/u=3440362640,723624364&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 12,
					num: '100g',
					type: 'success'
				}, {
					text: '马铃薯',
					url: 'https://img2.baidu.com/it/u=3674620142,3138988230&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 145,
					num: '1个156g',
					type: 'success'
				}, {
					text: '豆芽',
					url: 'https://img1.baidu.com/it/u=3057271840,857836956&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 35,
					num: '1杯125g',
					type: 'success'
				}, {
					text: '包心菜',
					url: 'https://img1.baidu.com/it/u=841819898,3590561584&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 30,
					num: '1杯145g',
					type: 'success'
				}, {
					text: '胡萝卜',
					url: 'https://img0.baidu.com/it/u=1773708398,2416170378&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '1条72g',
					type: 'success'
				}, {
					text: '干姜',
					url: 'https://img0.baidu.com/it/u=3951514570,1497647017&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 273,
					num: '95g',
					type: 'success'
				}, {
					text: '大蒜',
					url: 'https://img1.baidu.com/it/u=2230664108,2533871694&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 126,
					num: '85g',
					type: 'success'
				}, {
					text: '毛豆',
					url: 'https://img1.baidu.com/it/u=1280837394,2992806251&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 123,
					num: '53g',
					type: 'success'
				}, {
					text: '豌豆',
					url: 'https://img1.baidu.com/it/u=3075553851,4021521471&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 105,
					num: '42g',
					type: 'success'
				}, {
					text: '蚕豆',
					url: 'https://img0.baidu.com/it/u=358916629,690580857&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 104,
					num: '31g',
					type: 'success'
				}, {
					text: '番茄酱',
					url: 'https://img0.baidu.com/it/u=3666407030,1847199223&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 81,
					num: '100g',
					type: 'success'
				}, {
					text: '芋头',
					url: 'https://img0.baidu.com/it/u=2212062540,823797918&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 79,
					num: '84g',
					type: 'success'
				}, {
					text: '土豆',
					url: 'https://img2.baidu.com/it/u=2837191227,2866934649&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 76,
					num: '94g',
					type: 'success'
				}, {
					text: '甜菜',
					url: 'https://img1.baidu.com/it/u=545270333,1212853840&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '90g',
					type: 'success'
				}, {
					text: '藕',
					url: 'https://img1.baidu.com/it/u=2872517622,603381070&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 70,
					num: '88g',
					type: 'success'
				}, {
					text: '山药',
					url: 'https://img0.baidu.com/it/u=930207688,429252858&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 56,
					num: '83g',
					type: 'success'
				}, {
					text: '黄豆芽',
					url: 'https://img0.baidu.com/it/u=848356679,3025758327&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 44,
					num: '100g',
					type: 'success'
				}, {
					text: '鲜姜',
					url: 'https://img0.baidu.com/it/u=3853174943,1445384333&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 41,
					num: '95g',
					type: 'success'
				}, {
					text: '洋葱',
					url: 'https://img0.baidu.com/it/u=1859321702,1454729685&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 39,
					num: '90g',
					type: 'success'
				}, {
					text: '蒜苗',
					url: 'https://img0.baidu.com/it/u=483567941,3772920856&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 37,
					num: '82g',
					type: 'success'
				}, {
					text: '西蓝花',
					url: 'https://img1.baidu.com/it/u=2706587689,3569506808&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 33,
					num: '83g',
					type: 'success'
				}, {
					text: '辣椒(红小)',
					url: 'https://img0.baidu.com/it/u=3759717059,3024544858&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 32,
					num: '80g',
					type: 'success'
				}, {
					text: '香菜',
					url: 'https://img2.baidu.com/it/u=72941929,2642362609&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 31,
					num: '81g',
					type: 'success'
				}, {
					text: '芹菜',
					url: 'https://img0.baidu.com/it/u=1581842810,1447752609&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 20,
					num: '67g',
					type: 'success'
				}, {
					text: '大葱',
					url: 'https://img2.baidu.com/it/u=3075104280,3685256784&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 30,
					num: '82g',
					type: 'success'
				}, {
					text: '冬寒菜',
					url: 'https://img1.baidu.com/it/u=3982655035,2574049075&fm=253&fmt=auto&app=138&f=PNG?',
					kcal: 30,
					num: '58g',
					type: 'success'
				}, {
					text: '豆角',
					url: 'https://img0.baidu.com/it/u=433071425,853449630&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '96g',
					type: 'success'
				}, {
					text: '豇豆',
					url: 'https://img2.baidu.com/it/u=3064651170,3262813560&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 29,
					num: '97g',
					type: 'success'
				}, {
					text: '四季豆',
					url: 'https://www.qnong.com.cn/uploadfile/2015/0621/20150621110332468.jpg',
					kcal: 28,
					num: '96g',
					type: 'success'
				}, {
					text: '韭菜',
					url: 'https://img0.baidu.com/it/u=2301656400,572696306&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 26,
					num: '90g',
					type: 'success'
				}, {
					text: '小葱',
					url: 'https://img1.baidu.com/it/u=3790678295,925796294&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 24,
					num: '73g',
					type: 'success'
				}, {
					text: '菜花',
					url: 'https://img2.baidu.com/it/u=318201214,1091713548&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 24,
					num: '82g',
					type: 'success'
				}, {
					text: '油菜',
					url: 'https://img0.baidu.com/it/u=1286455550,2522225510&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 23,
					num: '87g',
					type: 'success'
				}, {
					text: '辣椒(青 尖)',
					url: 'https://img1.baidu.com/it/u=1637001999,1782927595&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 23,
					num: '84g',
					type: 'success'
				}, {
					text: '南瓜',
					url: 'https://img0.baidu.com/it/u=3209595716,174266464&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 22,
					num: '85g',
					type: 'success'
				}, {
					text: '柿子椒',
					url: 'https://img1.baidu.com/it/u=3447388498,830328434&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 22,
					num: '82g',
					type: 'success'
				}, {
					text: '韭黄',
					url: 'https://img1.baidu.com/it/u=2263719304,2661614020&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 22,
					num: '88g',
					type: 'success'
				}, {
					text: '茄子',
					url: 'https://img2.baidu.com/it/u=1413043114,3783042136&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 21,
					num: '93g',
					type: 'success'
				}, {
					text: '白萝卜',
					url: 'https://img0.baidu.com/it/u=1638181715,3861543148&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 20,
					num: '95g',
					type: 'success'
				}, {
					text: '西红柿',
					url: 'https://img0.baidu.com/it/u=2302816810,2762808654&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 19,
					num: '97g',
					type: 'success'
				}, {
					text: '苦瓜',
					url: 'https://img0.baidu.com/it/u=3399778420,1384955966&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 19,
					num: '81g',
					type: 'success'
				}, {
					text: '小白菜',
					url: 'https://img1.baidu.com/it/u=3937267576,2052224947&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 15,
					num: '81g',
					type: 'success'
				}, {
					text: '生菜',
					url: 'https://img0.baidu.com/it/u=131493901,175706456&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 13,
					num: '94g',
					type: 'success'
				}],
				// 肉类列表数据
				showList4: [{
					text: '培根',
					url: 'https://img2.baidu.com/it/u=1907053456,1691031826&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 85,
					num: '2片15g',
					type: 'success'
				}, {
					text: '猪排',
					url: 'https://img0.baidu.com/it/u=184058482,2949676830&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 275,
					num: '1片67g',
					type: 'error'
				}, {
					text: '牛排',
					url: 'https://img0.baidu.com/it/u=2478283078,2455577599&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 175,
					num: '1片62g',
					type: 'warning'
				}, {
					text: '脆鱼丸',
					url: 'https://img2.baidu.com/it/u=430819880,1968249008&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 110,
					num: '60g',
					type: 'success'
				}, {
					text: '甜不辣',
					url: 'https://img0.baidu.com/it/u=1028084480,2344044667&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 100,
					num: '1片50g',
					type: 'warning'
				}, {
					text: '烤牛肉',
					url: 'https://5b0988e595225.cdn.sohucs.com/images/20180410/425d38e34fb2419bb430bced624cfd9d.gif',
					kcal: 207,
					num: '1片80g',
					type: 'warning'
				}, {
					text: '煎牛肉',
					url: 'https://img0.baidu.com/it/u=338042328,2117129516&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 245,
					num: '85g',
					type: 'error'
				}, {
					text: '羊腿肉',
					url: 'https://img2.baidu.com/it/u=1429414236,1976307035&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 183,
					num: '1片78g',
					type: 'warning'
				}, {
					text: '猪火腿',
					url: 'https://img2.baidu.com/it/u=2823378542,105426860&fm=253&fmt=auto&app=138&f=PNG?',
					kcal: 245,
					num: '1片85g',
					type: 'error'
				}, {
					text: '沙朗牛排',
					url: 'https://img2.baidu.com/it/u=2824225844,1831491788&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 223,
					num: '1片70g',
					type: 'warning'
				}, {
					text: '炒牛肉片',
					url: 'https://img0.baidu.com/it/u=2298181664,2076817763&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 300,
					num: '1片250g',
					type: 'success'
				}, {
					text: '珍珠丸子',
					url: 'https://img1.baidu.com/it/u=1918313016,2976063738&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 170,
					num: '2个',
					type: 'success'
				}, {
					text: '牛腱',
					url: 'https://img0.baidu.com/it/u=1510926692,3996505884&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '35g',
					type: 'success'
				}, {
					text: '肉松',
					url: 'https://img1.baidu.com/it/u=2475487340,2286791519&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '15g',
					type: 'warning'
				}, {
					text: '猪肉',
					url: 'https://img1.baidu.com/it/u=724745631,2742263463&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '30g',
					type: 'warning'
				}, {
					text: '火腿',
					url: 'https://img0.baidu.com/it/u=3355394415,4004534020&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '45g',
					type: 'error'
				}, {
					text: '羊肉',
					url: 'https://img0.baidu.com/it/u=1010841935,3580694402&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '35g',
					type: 'warning'
				}, {
					text: '猪脚',
					url: 'https://img1.baidu.com/it/u=390578474,3244689933&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '35g',
					type: 'error'
				}, {
					text: '五花肉',
					url: 'https://img2.baidu.com/it/u=3206025824,1618542150&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 388,
					num: '100g',
					type: 'error'
				}, {
					text: '鸭肉',
					url: 'https://img1.baidu.com/it/u=1425006683,1627026602&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '30g',
					type: 'error'
				}, {
					text: '鹅肉',
					url: 'https://img2.baidu.com/it/u=1396172330,707510555&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '30g',
					type: 'warning'
				}, {
					text: '鸡肉',
					url: 'https://img0.baidu.com/it/u=4013701344,305360472&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 389,
					num: '100g',
					type: 'warning'
				}, {
					text: '午餐肉',
					url: 'https://img0.baidu.com/it/u=2166232396,4259406455&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 229,
					num: '100g',
					type: 'error'
				}],
				showList5: [{
					text: '荔枝',
					url: 'https://img0.baidu.com/it/u=1865349469,2195696358&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 45,
					num: '4粒',
					type: 'success'
				}, {
					text: '樱桃',
					url: 'https://img2.baidu.com/it/u=1666471131,1784965884&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 50,
					num: '20粒100g',
					type: 'success'
				}, {
					text: '柠檬',
					url: 'https://img2.baidu.com/it/u=3992391822,2916305689&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 37,
					num: '100g',
					type: 'success'
				}, {
					text: '雪梨',
					url: 'https://img2.baidu.com/it/u=1418368565,3410686264&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 45,
					num: '1个',
					type: 'success'
				}, {
					text: '凤梨',
					url: 'https://img1.baidu.com/it/u=4258578104,895439143&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 50,
					num: '1片120g',
					type: 'success'
				}, {
					text: '西瓜',
					url: 'https://img1.baidu.com/it/u=1268278160,4118537825&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 40,
					num: '1片240g',
					type: 'success'
				}, {
					text: '桃子',
					url: 'https://img0.baidu.com/it/u=2531455231,3723016340&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 45,
					num: '1个',
					type: 'success'
				}, {
					text: '木瓜',
					url: 'https://img2.baidu.com/it/u=2891316834,781254288&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 30,
					num: '100g',
					type: 'success'
				}, {
					text: '龙眼',
					url: 'https://img0.baidu.com/it/u=846560782,2387970462&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 60,
					num: '12个',
					type: 'success'
				}, {
					text: '苹果',
					url: 'https://img1.baidu.com/it/u=3773660220,1385453416&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 60,
					num: '120g',
					type: 'success'
				}, {
					text: '橘子',
					url: 'https://img1.baidu.com/it/u=3568769195,826288838&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 65,
					num: '200g',
					type: 'success'
				}, {
					text: '桔子',
					url: 'https://img2.baidu.com/it/u=3113172237,3983272547&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 60,
					num: '6颗',
					type: 'success'
				}, {
					text: '葡萄',
					url: 'https://img2.baidu.com/it/u=3502126033,3490522200&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 170,
					num: '350g',
					type: 'success'
				}, {
					text: '草莓',
					url: 'https://img2.baidu.com/it/u=937281799,4236591175&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 30,
					num: '5颗85g',
					type: 'success'
				}, {
					text: '香蕉',
					url: 'https://img0.baidu.com/it/u=3130349898,4086493786&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 93,
					num: '100g',
					type: 'success'
				}, {
					text: '榴莲',
					url: 'https://img1.baidu.com/it/u=2714339625,2604641121&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 150,
					num: '100g',
					type: 'success'
				}, {
					text: '甘蔗',
					url: 'https://img0.baidu.com/it/u=3825718981,1877087514&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 60,
					num: '130g',
					type: 'success'
				}, {
					text: '青苹果',
					url: 'https://img2.baidu.com/it/u=3789648333,3253329527&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 80,
					num: '165g',
					type: 'success'
				}],
				showList6: [{
					text: '螃蟹',
					url: 'https://img0.baidu.com/it/u=4063781017,437135839&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 65,
					num: '215g',
					type: 'success'
				}, {
					text: '草虾',
					url: 'https://img0.baidu.com/it/u=1579005767,1262771089&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '30g',
					type: 'success'
				}, {
					text: '鱿鱼',
					url: 'https://img0.baidu.com/it/u=377229147,727589725&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 130,
					num: '200g',
					type: 'success'
				}, {
					text: '鱼丸',
					url: 'https://img0.baidu.com/it/u=2901617594,2077545111&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '60g',
					type: 'success'
				}, {
					text: '鳕鱼',
					url: 'https://img1.baidu.com/it/u=1480682843,2872648921&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '50g',
					type: 'success'
				}, {
					text: '海参',
					url: 'https://img1.baidu.com/it/u=495961708,3931546130&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '100g',
					type: 'success'
				}, {
					text: '虾米',
					url: 'https://img1.baidu.com/it/u=2256094190,2024969567&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '10g',
					type: 'success'
				}, {
					text: '田鸡(蛙)',
					url: 'https://img2.baidu.com/it/u=1361529605,531015212&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 73,
					num: '40g',
					type: 'success'
				}, {
					text: '小鱼干',
					url: 'https://img0.baidu.com/it/u=3897509208,3249140727&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '10g',
					type: 'success'
				}, {
					text: '秋刀鱼',
					url: 'https://img1.baidu.com/it/u=2480715113,1569304756&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 75,
					num: '50g',
					type: 'success'
				}, {
					text: '蛤蜊',
					url: 'https://img1.baidu.com/it/u=1185324370,3608407261&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 55,
					num: '60g',
					type: 'success'
				}],
				showList7: [{
					text: '羊奶',
					url: 'https://img1.baidu.com/it/u=2934525546,3324588932&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 170,
					num: '1杯240g',
					type: 'success'
				}, {
					text: '全脂牛奶',
					url: 'https://img1.baidu.com/it/u=779440753,3609820586&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 150,
					num: '1杯240ml',
					type: 'success'
				}, {
					text: '全脂奶粉',
					url: 'https://img1.baidu.com/it/u=3651095663,3695830353&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 150,
					num: '4汤匙35g',
					type: 'error'
				}, {
					text: '牛奶布丁',
					url: 'https://img2.baidu.com/it/u=821010016,3320876226&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 320,
					num: '1杯260g',
					type: 'success'
				}, {
					text: '牛奶冰淇淋',
					url: 'https://img0.baidu.com/it/u=916189280,922044564&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 270,
					num: '1杯133g',
					type: 'success'
				}, {
					text: '低脂牛奶(脂肪1%)',
					url: 'https://img2.baidu.com/it/u=470603313,2287566673&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 100,
					num: '1杯244g',
					type: 'success'
				}, {
					text: '低脂奶粉',
					url: 'https://img2.baidu.com/it/u=497545270,2504640501&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 120,
					num: '3汤匙25g',
					type: 'success'
				}, {
					text: '脱脂牛奶',
					url: 'https://img2.baidu.com/it/u=3893490234,4005624709&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 80,
					num: '4汤匙35g',
					type: 'success'
				}, {
					text: '黄油',
					url: 'https://img2.baidu.com/it/u=2147394789,2682840104&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 892,
					num: '100g',
					type: 'error'
				}, {
					text: '奶油',
					url: 'https://img2.baidu.com/it/u=1134484914,1949747147&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 720,
					num: '100g',
					type: 'error'
				}, {
					text: '奶片',
					url: 'https://img1.baidu.com/it/u=121825901,3654251397&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 472,
					num: '100g',
					type: 'warning'
				}, {
					text: '奶疙瘩',
					url: 'https://img1.baidu.com/it/u=599889697,1546567404&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 426,
					num: '100g',
					type: 'success'
				}, {
					text: '冰淇淋粉',
					url: 'https://img0.baidu.com/it/u=1861741931,3645314775&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 396,
					num: '100g',
					type: 'success'
				}, {
					text: '酸奶',
					url: 'https://img2.baidu.com/it/u=1702394266,2783959484&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 72,
					num: '100g',
					type: 'success'
				}, {
					text: '牛奶',
					url: 'https://img2.baidu.com/it/u=3617330467,487810978&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 54,
					num: '100g',
					type: 'success'
				}],
				showList8: [{
					text: '琼脂',
					url: 'https://img2.baidu.com/it/u=1087416452,2767545561&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 311,
					num: '100g',
					type: 'success'
				}, {
					text: '发菜',
					url: 'https://img0.baidu.com/it/u=3993015051,709994236&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 246,
					num: '100g',
					type: 'success'
				}, {
					text: '口蘑',
					url: 'https://img2.baidu.com/it/u=1827767620,3635392287&fm=253&fmt=auto&app=138&f=JPG?',
					kcal: 245,
					num: '100g',
					type: 'success'
				}, {
					text: '冬菇',
					url: 'https://img1.baidu.com/it/u=982692352,2358710660&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 212,
					num: '86g',
					type: 'success'
				}, {
					text: '香菇(干)',
					url: 'https://img1.baidu.com/it/u=2732955574,2120781177&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 211,
					num: '95g',
					type: 'success'
				}, {
					text: '紫菜',
					url: 'https://img2.baidu.com/it/u=2031226974,3780849348&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 207,
					num: '100g',
					type: 'success'
				}, {
					text: '黑木耳',
					url: 'https://img2.baidu.com/it/u=1240025351,3663416836&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 205,
					num: '100g',
					type: 'success'
				}, {
					text: '白木耳(银耳)',
					url: 'https://img0.baidu.com/it/u=1610084755,1786415554&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 200,
					num: '96g',
					type: 'success'
				}, {
					text: '海带(干)',
					url: 'https://img0.baidu.com/it/u=1278720791,802237238&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 77,
					num: '98g',
					type: 'success'
				}, {
					text: '金针菇',
					url: 'https://img0.baidu.com/it/u=3282011426,3202149412&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 26,
					num: '100g',
					type: 'success'
				}, {
					text: '草菇',
					url: 'https://img1.baidu.com/it/u=1427789513,329930003&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 23,
					num: '100g',
					type: 'success'
				}, {
					text: '水发木耳',
					url: 'https://img0.baidu.com/it/u=2548674607,625630684&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 21,
					num: '100g',
					type: 'success'
				}, {
					text: '平菇',
					url: 'https://img0.baidu.com/it/u=2902525111,2551469899&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 20,
					num: '93g',
					type: 'success'
				}, {
					text: '海带(鲜)',
					url: 'https://img2.baidu.com/it/u=1323837521,3820760713&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 17,
					num: '100g',
					type: 'success'
				}],
				showList9: [{
					text: '曲奇饼',
					url: 'https://img2.baidu.com/it/u=3803487320,2912760863&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 546,
					num: '100g',
					type: 'error'
				}, {
					text: '麻花',
					url: 'https://img2.baidu.com/it/u=3064469540,93861290&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 524,
					num: '100g',
					type: 'error'
				}, {
					text: '桃酥',
					url: 'https://img0.baidu.com/it/u=656851778,1710240053&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 481,
					num: '100g',
					type: 'error'
				}, {
					text: '月饼',
					url: 'https://img0.baidu.com/it/u=4144476777,3022930432&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 440,
					num: '100g',
					type: 'error'
				}, {
					text: '奶油饼干',
					url: 'https://img1.baidu.com/it/u=2693799065,2325186949&fm=253&fmt=auto&app=120&f=JPEG?',
					kcal: 429,
					num: '100g',
					type: 'error'
				}, {
					text: '苏打饼干',
					url: 'https://img1.baidu.com/it/u=2519114912,3253208210&fm=253&fmt=auto&app=138&f=JPEG?',
					kcal: 408,
					num: '100g',
					type: 'success'
				}]
			}
		},
		onShow() {
			// 页面刚进入展示主食类列表
			this.showList.push(...this.showList0)
		},
		methods: {
			// 点击 tabs 标签
			click(item) {
				this.clickName = item.name
				this.clickIndex = item.index
				// console.log('item', item);
				// console.log(this.clickIndex);
				this.showListClick()
			},
			// 展示对应列表数据
			showListClick() {
				// console.log(this.clickIndex);
				if (this.clickIndex == 0) {
					this.showList = []
					this.showList.push(...this.showList0)
				} else if (this.clickIndex == 1) {
					this.showList = []
					this.showList.push(...this.showList1)
				} else if (this.clickIndex == 2) {
					this.showList = []
					this.showList.push(...this.showList2)
				} else if (this.clickIndex == 3) {
					this.showList = []
					this.showList.push(...this.showList3)
				} else if (this.clickIndex == 4) {
					this.showList = []
					this.showList.push(...this.showList4)
				} else if (this.clickIndex == 5) {
					this.showList = []
					this.showList.push(...this.showList5)
				} else if (this.clickIndex == 6) {
					this.showList = []
					this.showList.push(...this.showList6)
				} else if (this.clickIndex == 7) {
					this.showList = []
					this.showList.push(...this.showList7)
				} else if (this.clickIndex == 8) {
					this.showList = []
					this.showList.push(...this.showList8)
				} else if (this.clickIndex == 9) {
					this.showList = []
					this.showList.push(...this.showList9)
				} else {
					this.showList = [{
						text: '暂无相关食物',
						kcal: 0,
						num: '100g',
					}]
				}
			},
			// 取食谱点击显示提示框
			buttonClick() {
				this.popupShow = true
			},
			close() {
				this.popupShow = false
				// console.log('close');
			},
			// 跳转搜索页
			goToSearch() {
				// console.log(1);
				// localStorage.setItem('searchList', JSON.stringify([this.showList0, this.showList1, this.showList2, this
				// 	.showList3, this.showList4
				// ]))
				uni.setStorageSync('searchList', JSON.stringify([this.showList0, this.showList1, this.showList2, this
					.showList3, this.showList4, this.showList5, this.showList6, this.showList7, this.showList8,
					this.showList9
				]))
				// console.log(searchList);
				uni.navigateTo({
					url: '/pages/search/search'
				})
			},
			// 跳转排行榜
			goToRankList() {
				uni.navigateTo({
					url: '/pages/rankList/rankList'
				})
			}
		}
	}
</script>

<style lang="scss">
	* {
		padding: 0;
		margin: 0;
	}

	.content {
		display: flex;
		flex-direction: column;
		// align-items: center;
		justify-content: center;
		background-color: #fff;
	}

	.u-search {
		padding: 0 20rpx;
	}

	.u-tabs {
		width: 100%;
	}

	/deep/.u-tabs__wrapper__nav__item__text {
		font-size: 32rpx;
	}

	ul {
		width: 100%;
		margin-bottom: 100rpx;


		li {
			list-style: none;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #efefef;
			padding: 40rpx 0;
			margin: 0 30rpx;

			.left {
				display: flex;
				align-items: center;

				image {
					width: 150rpx;
					height: 100rpx;
					padding-right: 20rpx;
				}

				.center {
					padding: 0 10rpx;
					color: #757575;
				}

				.text {
					margin-bottom: 10rpx;
				}
			}

			.right {
				margin-right: 30rpx;
				width: 50rpx;
				height: 44rpx;
				border-radius: 8rpx;
				overflow: hidden;
			}
		}
	}

	/deep/uni-button:after {
		width: 100%;
		border: none;
	}

	/deep/.u-button--info {
		border: none;
	}

	.button {
		position: fixed;
		bottom: 300rpx;
		right: 0;
		width: 180rpx;
		border-radius: 100rpx 0 0 100rpx;
		overflow: hidden;
	}

	/deep/.u-button__text {
		font-size: 36rpx !important;
		// font-family: '宋体';
	}

	.popupToast {
		width: 600rpx;
		height: 400rpx;
		background-color: #fff;
		line-height: 400rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.toRankList {
		position: fixed;
		bottom: 300rpx;
		left: 0;
		width: 180rpx;
		border-radius: 0 100rpx 100rpx 0;
		overflow: hidden;
	}
</style>
